<template>
  <view class="classification">
    <u-tabs :show-bar="showBar" name="cate_name" count="cate_count" :list="navList" :is-scroll="true" :current="currentTab" @change="swichNav"></u-tabs>
  </view>
</template>

<script>

  export default {
    props: ['navList','currentTab','showBar'],
    methods: {
      //点击tab切换
      swichNav(e) {
        this.$emit('click', e,this.navList[e])
      },
    },
  }
</script>

<style scoped lang="scss">
  .classification {
    .scroll1 {
      width: 100%;
      padding-top: 26rpx;
      .swipers {
        display: flex;
        justify-content: flex-start;
        padding-bottom: 19rpx;
        .text {
          white-space: nowrap;
          font-size: 32rpx;
          font-family: PingFang;
          font-weight: 500;
          color: #222222;
          padding: 0 35rpx 0 0;
        }
        .select {
          font-weight: bold;
          color: #3389ed;
          position: relative;
          &:after {
            content: '';
            position: absolute;
            left: 25%;
            bottom: -12rpx;
            width: 41rpx;
            height: 3rpx;
            background: #006be8;
            border-radius: 1px;
            transform: translate(-25%, 0);
          }
        }
      }
    }
  }
</style>
